<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css"
	href="css/themes/default/jquery.mobile-1.2.0.min.css" />

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>
<title>Untitled Document</title>
</head>

<body>

	<div data-role="page" id="pageAcc">
		<div data-role="header" data-position="fixed">
			<h1>Electronic Supermarket</h1>
			<a href="#" id="openDialogSignOut" data-icon="delete"
				class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
		</div>

		<div data-role="footer" data-id="foo1" class="nav-thanh-customicon"
			data-position="fixed">
			<div data-role="navbar" data-iconpos="top">
				<ul>

					<li><a href="Cart.jsp" id="Cart" data-icon="custom">Cart</a></li>
					<li><a href="Products.jsp" id="Buy" data-icon="custom">Buy
							Product</a></li>
					<li><a href="Event.jsp" id="Event" data-icon="custom">Event</a></li>
					<li><a href="#Customer" id="AccountCustomer"
						data-icon="custom" class="ui-btn-active ui-state-persist">Customer</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div data-role="page" id="Customer">
		<div data-role="header" data-position="fixed">
			<h1>Customer</h1>
			<a href="#" id="openDialogSignOut" data-icon="delete"
				class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
		</div>
		<div data-role="content">

			<table width="100%" border="0" cellspacing="15">
				<tr align="center" valign="middle">
					<td><a data-role="button" data-theme="a"
						href="#Account Information"
						style="height: 100%; width: 100%; vertical-align: central;">
							<h2>Account Information</h2> <img
							src="../../Giao tiếp người máy/Đồ án cuối kì_Quản lí thư viện/10130015_10130077_10130087_Final/images/icons-white/291-idcard@2x.png" />&emsp;

					</a></td>
				</tr>
				<tr align="center">
					<td>


						<div data-role="content">

							<a data-role="button" data-theme="b"
								href="Transaction History.jsp"
								style="height: 100%; width: 100%; vertical-align: central;">
								<h2>Transaction History</h2> <img
								src="../../Giao tiếp người máy/Đồ án cuối kì_Quản lí thư viện/10130015_10130077_10130087_Final/images/icons-white/235-purse@2x.png" />&emsp;
							</a>
						</div>
					</td>
				</tr>
				<tr align="center">
					<td><a data-role="button" data-theme="e" href="#ListProducts"
						style="height: 100%; width: 100%; vertical-align: central;">
							<h2>List Products</h2> <img
							src="../../Giao tiếp người máy/Đồ án cuối kì_Quản lí thư viện/10130015_10130077_10130087_Final/images/icons-white/240-sketchbook@2x.png" />&emsp;
					</a></td>
				</tr>
			</table>

		</div>
		<div data-role="footer" data-id="foo1" class="nav-thanh-customicon"
			data-position="fixed">
			<div data-role="navbar" class="nav-thanh-customicon">
				<ul>
					<li><a href="Cart.jsp" id="Cart" data-icon="custom">Cart</a></li>
					<li><a href="Products.jsp" id="Buy" data-icon="custom">Buy
							Product</a></li>
					<li><a href="Event.jsp" id="Event" data-icon="custom">Event</a></li>
					<li><a href="#Customer" id="AccountCustomer"
						data-icon="custom" class="ui-btn-active ui-state-persist">Customer</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div data-role="page" id="Account Information">
		<div data-role="header" data-position="fixed">
			<h1>Account</h1>
			<a href="#" id="openDialogSignOut" data-icon="delete"
				class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
		</div>
		<div data-role="content">

			<table width="100%" height="100%" cellspacing="5">
				<tr height="120px">
					<td align="center" width="100"><img src="images/NoAvarta.gif"
						width="100" class="shadow_Thanh" /></td>
					<td>
						<table width="100%" border="0">
							<tr>
								<td rowspan="2" width="80%">

									<h3 style="color: #0000FF; margin-left: 10px">Tuan Thanh
										Pham</h3>

								</td>
							</tr>

							<tr>
								<td align="right"><a href="#dialogChangeInformation"
									data-rel="dialog" data-transition="flow" data-role="button"
									data-inline="true" data-icon="arrow-d" data-theme="e"
									data-mini="true">Edit</a></td>
							</tr>
						</table>
					</td>
				</tr>

				<!--Thong tin tai khoan-->
				<tr>
					<th colspan="2" align="left"><br />Account Information</th>
				</tr>
				<tr>
					<td colspan="2">

						<div class="buble_Thanh">
							<table border="0" cellpadding="7">

								<tr>
									<td align="justify"><strong>Email: </strong>thanh100111@gmail.com
									</td>
								</tr>
								<tr>
									<td align="justify"><strong>Date of registration:
									</strong>1/1/2012</td>
								</tr>
								<tr>
									<td align="justify"><strong>Accumulated points: </strong>1000
									</td>
								</tr>
							</table>
						</div>

					</td>
				</tr>
				<!--END: Thong tin tai khoan-->

				<!--Thong tin cá nhân-->
				<tr>
					<th colspan="2" align="left"><br />Personal Information</th>
				</tr>
				<tr>
					<td colspan="2">

						<div class="buble_Thanh">
							<table border="0" cellpadding="7">
								<tr>
									<td align="justify"><strong>Sex: </strong>Male<br /></td>
								</tr>
								<tr>
									<td align="justify"><strong>Date of birth: </strong>15/6/1992<br />
									</td>
								</tr>
								<tr>
									<td align="justify"><strong>Address: </strong>71 Phan Van
										Tri<br/></td>
								</tr>
								<tr>
									<td align="justify"><strong>Phone number: </strong>0919348878<br/></td>
								</tr>

							</table>
						</div>

					</td>
				</tr>
				<!--END: Thong tin tai khoan-->
				<tr>
					<th colspan="2" align="left"><br /> <a href="#"
						id="openDialogSignOut" data-role="button" data-theme="e">Log
							out</a></th>
				</tr>
			</table>
			<!--END: Content-->

		</div>

		<style>
.nav-glyphish-example .ui-btn .ui-btn-inner {
	padding-top: 40px !important;
}

.nav-glyphish-example .ui-btn .ui-icon {
	width: 30px !important;
	height: 30px !important;
	margin-left: -15px !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

#GioHang.ui-icon {
	background:
		url(images/icons-gray/236-shoppingbag@2x.png)
		50% 50% no-repeat;
}

#MuaHang .ui-icon {
	background:
		url(images/icons-gray/70-tv@2x.png)
		50% 50% no-repeat;
}

#SuKien.ui-icon {
	background:
		url(/images/icons-gray/282-cards@2x.png)
		50% 50% no-repeat;
}

#TaiKhoan.ui-icon {
	background:
		url(images/icons-gray/111-user@2x.png)
		50% 50% no-repeat;
}
</style>

		<div data-role="footer" data-id="foo1" class="nav-thanh-customicon"
			data-position="fixed">
			<div data-role="navbar" class="nav-thanh-customicon">
				<ul>
					<li><a href="Cart.jsp" id="Cart" data-icon="custom">Cart</a></li>
					<li><a href="Products.jsp" id="Buy" data-icon="custom">Buy
							Product</a></li>
					<li><a href="Event.jsp" id="Event" data-icon="custom">Event</a></li>
					<li><a href="#Customer" id="AccountCustomer"
						data-icon="custom" class="ui-btn-active ui-state-persist">Customer</a></li>
				</ul>
			</div>
		</div>
	</div>




	<!--dialogSuaThongTinCaNhan -->
	<div data-role="page" id="dialogChangeInformation">
		<div data-role="header" data-position="fixed">
			<h1>Change information</h1>

		</div>
		<div data-role="content" data-theme="d">

			<form>
				<div data-role="fieldcontain">
					<label for="ten">Name:</label> <input type="text" name="ten" id="ten" value="Tuan Thanh Pham" required="required"/>
				</div>
				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<legend>Sex:</legend>
						<input type="radio" name="radio1" id="radio1_0" value="" checked="checked" />
						<label for="radio1_0">Male</label> <input type="radio"
							name="radio1" id="radio1_1" value="" /> <label for="radio1_1">Female</label>
					</fieldset>
				</div>

				<div data-role="fieldcontain">
					<label for="date">Date of birth:</label> <input type="date"
						name="date" id="date" value="15-06-1992" />
				</div>
				<div data-role="fieldcontain">
					<label for="textarea">Address:</label>
					<textarea cols="40" rows="8" name="textarea" id="textarea">71 Phan Van Tri</textarea>
				</div>
				<div data-role="fieldcontain">
					<label for="textinput">Phone number:</label> <input type="text"
						name="textinput" id="textinput" value="0919348878" />
				</div>
				<br />
				<fieldset class="ui-grid-a">
					<div class="ui-block-a">
						<button type="submit" data-theme="a">Change</button>
					</div>
					<div class="ui-block-b">
						<a data-role="button" data-rel="back" data-theme="b"
							href="Account Information.jsp" id="NoChange">Cancel</a>
					</div>
				</fieldset>
			</form>

		</div>

	</div>
	<div data-role="page" id="pageProducts">
		<div data-role="header" data-position="fixed">
			<h1>Electronic Supermarket</h1>
			<a href="#" id="openDialogSignOut" data-icon="delete"
				class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
		</div>





		<div data-role="page" id="pageTemp_Customer">
			<div data-role="header" data-position="fixed">
				<h1>Account</h1>
				<a href="#" id="openDialogSignOut" data-icon="delete"
					class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
			</div>
			<div data-role="content">

				<a href="#page2" data-role="button" data-transition="flow">Button</a>

			</div>
		</div>

		<div data-role="footer" data-id="foo1" class="nav-thanh-customicon"
			data-position="fixed">
			<div data-role="navbar" class="nav-thanh-customicon">
				<ul>
					<li><a href="Cart.jsp" id="Cart" data-icon="custom">Cart</a></li>
					<li><a href="Products.jsp" id="Buy" data-icon="custom">Buy
							Product</a></li>
					<li><a href="Event.jsp" id="Event" data-icon="custom">Event</a></li>
					<li><a href="#Customer" id="AccountCustomer"
						data-icon="custom" class="ui-btn-active ui-state-persist">Customer</a></li>
				</ul>
			</div>
		</div>
</body>
</html>
